<script setup lang="ts">
import { ref, onMounted } from "vue";
import D3PieChart from "@/components/chart/D3/D3PieChart.vue";

const pieData = ref([
  { label: "产品A", value: 35, color: "#4e79a7" },
  { label: "产品B", value: 25, color: "#f28e2b" },
  { label: "产品C", value: 20, color: "#e15759" },
  { label: "产品D", value: 15, color: "#76b7b2" },
  { label: "产品E", value: 5, color: "#59a14f" },
]);
</script>
<template>
  <D3PieChart
    :data="pieData"
    :isNightingale="false"
    :showGuideLine="false"
    :innerRadiusRatio="0.63"
    theme="light"
    :highlightColor="'#cccccc67'"
    :margin="{ top: 20, right: 20, bottom: 30, left: 40 }"
  />
</template>
<style scoped lang="scss"></style>
